#container {
margin: 0 auto;
width: 98%;
max-width: 1098px;
height: 92%;
padding: 1%;
/*border: 3px solid #73AD21;*/
}
header {
width: 100%;
height: 10%;
/*border: 3px solid #732221;*/
}
nav {
width: 100%;
height: 6%;
/*border: 3px solid #ff2ff1;*/
}
#content {
width: 100%;
height: 55%;
/*border: 3px solid #772f66;*/
}
/*the following SoM and W&E are on the homepage; those below on their specific pages*/
#schoolOfMusic {
float: left;
width: 30%;
height: 90%;
margin: 0%;
margin-left: 20%;
padding-left: 0%;
/*border: 3px solid #2d328a;*/
text-align: center;
}
#weddingsAndEvents {
float: right;
width: 35%;
height: 100%;
margin: 0%;
margin-right: 14%;
padding-right: 0%;
/*border: 3px solid #2d9adb;*/
text-align: center;
}
/*the info tag is for the information sections on the left found on About/SoM/W&E/Contact pages*/
#info {
float: left;
width: 44%;
height: 100%;
margin-left: 13%;
padding-left: 5%;
/*border: 3px solid #2d328a;*/
text-align: justify;
}
#aboutimage {
float: right;
width: 26%;
height: 94%;
margin-right: 10%;
margin-top: 2%;
padding-top: 0%;
padding-left: 0%;
text-align: center;
/*border: 3px solid #2d394f;*/
}
/*the following SoM and W&E are on their specific pages*/
#schoolofmusicimage {
float: right;
width: 26%;
height: 94%;
margin-right: 10%;
margin-top: 2%;
padding-top: 0%;
padding-left: 0%;
text-align: center;
/*border: 2px solid #2d394f;*/
}
#weddingsandeventsimage {
float: right;
width: 26%;
height: 94%;
margin-right: 10%;
margin-top: 2%;
padding-left: 0%;
text-align: center;
/*border: 3px solid #2d394f;*/
}
#contactimage {
float: right;
width: 26%;
height: 94%;
margin-right: 10%;
margin-top: 2%;
padding-left: 0%;
text-align: center;
}
#features {
width: 100%;
height: 12%;
/*border: 3px solid #2d498a;*/
}
#widgets {
float: left;
width: 25%;
height: 100%;
padding-top: 3%;
padding-left: 20%;
/*border: 3px solid #47d98a;*/
}
#soundcloud {
float: right;
width: 40%;
height: 86%;
padding-top: 4%;
padding-right: 10%;
/*border: 3px solid #3499da;*/
}
footer {
width: 100%;
height: 5%;
margin-top: 40px;
/*border: 3px solid #12345d;*/
}
/*li {
display: inline; (is this redundant coding? see nav ul li below)
}*/
html {
	height: 96%;
}
body {
/*background-image: url("http://127.0.0.1:8020/Yolandi%20La%20Grange%20Music/images/paper1.png");*/
background-image: url("http://ylgmusic.co.za/images/paper1.png");
font-family: Open Sans, Source Sans Pro, sans-serif;
font-size: 13px;
color: #424D4F;
width: 98%;
height: 96%;
}
header {
margin: 25px;
text-align: center;
font-family: 'Dancing Script', cursive, Open Sans, sans-serif;
font-size: 50px;
letter-spacing: 4px;
font-style: normal;
color: #424D4F;
}
h1 {
text-align: center;
font-family: Open Sans, Source Sans Pro, sans-serif;
font-size: 11px;
letter-spacing: 1px;
color: #424D4F;
padding-top: 7px;
}
h2 {
font-size: 15px;
}
nav {
margin: 20px;
padding-top: 15px;
text-align: center;
font-family: Open Sans, Source Sans Pro, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color: #424D4F;
}
nav ul li {
display: inline;
list-style-type: none;
padding-left: 15px;
padding-right: 15px;
}
a, a:hover {
color: #424D4F;
font-family: Open Sans, Source Sans Pro, sans-serif;
font-size: 14px;
text-decoration:none;
}
a:visited {
color: #83ABA3;
font-family: Open Sans, Source Sans Pro, sans-serif;
font-size: 14px;
text-decoration: none;
}
#info {
font-size: 13px;
}
#info a {
color: #424D4F;
font-family: Open Sans, Source Sans Pro, sans-serif;
font-size: 13px;
text-decoration: underline;
}
a:visited {
color: #83ABA3;
font-family: Open Sans, Source Sans Pro, sans-serif;		/*a:visited is not working*/
font-size: 13px;
text-decoration: underline;
}
#content img {
border: solid;
color: #83ABA3; 
border-width: 10px;
padding: 5px;
align: middle;
height: 297px;
width: 220px;
display: block;
margin: 0 auto;
/*border: 10px solid #83ABA3;*/
}
footer {
text-align: center;
font-family: Open Sans, Source Sans Pro, sans-serif;
font-size: 12px;
color: #424D4F;
}